<script setup lang="ts" name="Demo">
import { ref } from "vue";
import { useRouter } from 'vue-router'

const router = useRouter()
const activeName = ref('1')

function goto(params: string) {
  router.push(params)
}
</script>

<template>
  <div class="p-3">
    <!-- <div class="bg-white p-5 rounded-md mb-5">
      <span class="text-xl font-semibold"></span>
      <div>info</div>
    </div> -->
    <van-collapse v-model="activeName" accordion>
      <van-collapse-item title="订单管理" name="1">
        <div class="text-base font-semibold">
          <div class="pb-2" @click="goto('/lld')">领料单</div>
          <div class="pb-2">出库单</div>
          <div class="pb-2">配送单</div>
          <div class="pb-2">转运单</div>
          <div class="pb-2">退库单</div>
          <div class="pb-2">入库单</div>
          <div class="">已完成</div>
        </div>
      </van-collapse-item>
      <van-collapse-item title="物料查询" name="2">
        <div class="text-base font-semibold">
          <div class="pb-2">物料查询</div>
          <div class="">购物车</div>
        </div>
      </van-collapse-item>
      <van-collapse-item title="审批管理" name="3">
        <div class="text-base font-semibold">
          <div class="pb-2">加急审批</div>
          <div class="pb-2">待办审批</div>
          <div class="pb-2">审批通过</div>
          <div class="">审批退回</div>
        </div>
      </van-collapse-item>
    </van-collapse>

    <div class="mt-52"></div>
    <van-button type="primary" class="w-full">扫一扫</van-button>
  </div>
</template>

<style scoped>
.container {
  padding: 20px;
}

.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
}
</style>